<section id="main-content">
  <header class="tab-head">
    <ul class="nav nav-tabs">
      <li class="active">
        <a data-toggle="tab" href="javascript:void(0)">OKR子任务进展</a>
      </li>
      <li class="">
        <a data-toggle="tab" href="#/readyToCode">OKR子任务自评得分</a>
      </li>
      <li class="">
        <a data-toggle="tab" href="#/readyToCode">OKR子任务评分</a>
      </li>
      <li class="">
        <a data-toggle="tab" href="#/readyToCode">OKR负责人自评</a>
      </li>
      <li class="">
        <a data-toggle="tab" href="#/readyToCode">待列入OKR管理的项目任务</a>
      </li>
    </ul>
  </header>
  <section class="wrapper tab-container">
    <!--state overview start-->
    <div class="tab-content">
      <div class="tab-pane active" id="tab1">
        <div class="row">
          <div class="col-lg-12">
            <div class="alert alert-block alert-danger fade in">
              <button data-dismiss="alert" class="close close-sm" type="button">
                <i class="icon-remove"></i>
              </button>
              <strong>友情提示：</strong>
              每个角色自己的进展只能反馈在本项目的子任务进展中。
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-12">
            <section class="panel">
              <header class="panel-heading ">
                <div class="search-box">
                  <span class="tline-34">
                    OKR子任务进展
                  </span>
                  <span class="so-icon">
                    <select class="form-control " id="isFinish" onchange="change()">
                      <option value="0">未完成</option>
                      <option value="1">完成</option>
                    </select>
                  </span>
                </div>
              </header>
              <div class="panel-body">
                <div id="childrenContainer1" class="dlshouwen-grid-container"></div>
                <div id="childrenToolBarContainer1" class="dlshouwen-grid-toolbar-container"></div>
              </div>
            </section>

            <section class="panel">
              <header class="panel-heading ">
                点评信息
              </header>
              <div class="panel-body">
                <div id="dpContainer" class="dlshouwen-grid-container"></div>
                <div id="dpContainerTool" class="dlshouwen-grid-toolbar-container"></div>
              </div>
            </section>





          </div>
        </div>
      </div>
      <div class="tab-pane" id="tab2">
        <div class="row">
          <div class="col-lg-12">
            <!-- tab2 -->
          </div>
        </div>
      </div>
      <div class="tab-pane" id="tab3">
        <div class="row">
          <div class="col-lg-12">
            <!-- tab3 -->
          </div>
        </div>
      </div>
      <div class="tab-pane" id="tab4">
        <div class="row">
          <div class="col-lg-12">
            <!-- tab4 -->
          </div>
        </div>
      </div>
      <div class="tab-pane" id="tab5">
        <div class="row">
          <div class="col-lg-12">
            <!-- tab5 -->
          </div>
        </div>
      </div>
    </div>
    <!--state overview end-->
  </section>
</section>
<script src="js/okr/index.js"></script>